<?php

namespace app\utils\ui\ele;

use app\utils\ui\UIView;
use app\utils\ui\vue\Base;
use app\utils\ui\VueView;

class Col extends Base implements VueView{

    
    /**
     * 栅格占据的列数	number	—	24
     **/
    const attr_span = ':span';
    /**
     * 栅格左侧的间隔格数	number	—	0
     **/
    const attr_offset = ':offset';
    /**
     * 栅格向右移动格数	number	—	0
     **/
    const attr_push = ':push';
    /**
     * 栅格向左移动格数	number	—	0
     **/
    const attr_pull = ':pull';
    /**
     * <768px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
     **/
    const attr_xs = ':xs';
    /**
     * ≥768px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
     **/
    const attr_sm = ':sm';
    /**
     * ≥992px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
     **/
    const attr_md = ':md';
    /**
     * ≥1200px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
     **/
    const attr_lg = ':lg';
    /**
     * ≥1920px 响应式栅格数或者栅格属性对象	number/object (例如： {span: 4, offset: 4})	—	—
     **/
    const attr_xl = ':xl';
    /**
     * 自定义元素标签	string	*	div
     **/
    const attr_tag = 'tag';


    public function render(){
        return parent::base_render('el-col');
    }
    
}